import React, { Component } from 'react';
import '../index.css'

import HotBook1 from '../img/hotBook1.png'
import HotBook2 from '../img/hotBook2.png'
import HotBook3 from '../img/hotBook3.png'
import HotBook4 from '../img/hotBook4.png'

class free extends Component {
    render() {
        return (
            <div>
                <div className="timeBox">
                <h3>免费读书</h3>
                    <span>更多 ></span>
                </div>
                <div className="hotBook">
                    <div className="freeBook">
                        <img src={HotBook1} alt="" />
                        <span style={{ fontSize: "18px", fontWeight: "800" }}>顾学神的小甜酒</span>
                        <p style={{ color: "#808080", textAlign: "center" }}>曲奇不夹心</p>
                    </div>
                    <div className="freeBook">
                        <img src={HotBook2} alt="" />
                        <span style={{ fontSize: "18px", fontWeight: "800" }}>夫人总给自己加戏</span>
                        <p style={{ color: "#808080", textAlign: "center" }}>槐序七</p>
                    </div>
                    <div className="freeBook">
                        <img src={HotBook3} alt="" />
                        <span style={{ fontSize: "18px", fontWeight: "800" }}>徐先生请出招</span>
                        <p style={{ color: "#808080", textAlign: "center" }}>酥囍</p>
                    </div>
                    <div className="freeBook">
                        <img src={HotBook4} alt="" />
                        <span style={{ fontSize: "18px", fontWeight: "800" }}>娱乐圈之桃之夭夭</span>
                        <p style={{ color: "#808080", textAlign: "center" }}>南酥青子</p>
                    </div>
                </div>
            </div>
        );
    }
}

export default free;